<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="icon" href="favicon.ico" />
	<link rel="apple-touch-icon" href="favicon.ico" />
	<title>Innovations IT</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/ribbon.css">
	<link rel="stylesheet" type="text/css" href="css/css.css">
	
	<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
	
	<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="scripts/jquery.slideimgs.home.js"></script>
	<script type="text/javascript" src="scripts/configuration.js"></script>
	<script type="text/javascript" src="scripts/jquery.fancybox.js?v=2.1.0"></script>
	<script>
		$(document).ready(function(){
			$('.fancybox').fancybox({
				padding: 15,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					title : {
						type : 'inside'
					},
					overlay : null
				}
			});
		});
	</script>
	
	<script type="text/javascript" src="scripts/jQueryRotate.js"></script>
	<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css?v=2.1.0" media="screen" />
	
</head>
<body>
<div id="content">
	<div id="wrapper">
		<div id="header">
			<div class="w960 mha">
				<div id="logo" class="mt5 fl">
					<a href="index.html"><img src="images/logo.png" /></a>
					<a href="index.html" class="poa ti9">Multi Task</a>
				</div>
				<div class="fr ofh">
					<!--Navigation Bar-->
					<div id="navbar" class="menu">
						<ul>
							<li class="active"><a href="#home">HOME</a></li>
							<li><a href="#services">Services</a></li>
							<li><a href="#our-works">Our Works</a></li>
							<li><a href="#store">Store</a></li>
							<li><a href="#get-a-quote">Get A Quote</a></li>
							<li><a href="#contact">Contact</a></li>
							<li><a target="_blank" href="http://www.facebook.com/innovationsit.ca">fb</a></li>
						</ul>
					<!--end Navigation Bar-->
					</div>
				</div>
			</div>
		</div>
		<!--Home content-->
		<div id="home-content">
			<!--Banner-->
			<div id="banner">
				<div class="slider mha">
					<ul id="slide">
						<li>
							<img src="images/banner1.jpg"/>
							<div class="por w960 mha">
								<div id="text">
									<div class="235 fl"><img src="images/mac-book.png" width="580" /></div>
									<div class="w375 pt60 fr">
										<h2 class="cf3">Technical support for<br/ >Hi-tech products</h2>
										<p>With high technical skills, we support techniques such as:
										Repair - Install - Build- Upgrade - Backup - Recovery - Setup
										for all Hi-tech products</p>

										<p>Contact us for more information</p>
									</div>
								</div>
							</div>
						</li>
						<li>
							<img src="images/banner2.jpg"/>
							<div class="por w960 mha">
								<div id="text">
									<div class="w25 fl"><img src="images/large.png" /></div>
									<div class="w375 pt60 fr">
										<h2 class="cf3">Support and maintain<br />all computer & website</h2>
										<p>We provide support and maintenance services<br />for all Hi-tech devices and websites.</p>
										<p>Contact us for more information</p>
									</div>
								</div>
							</div>
						</li>
					</ul>
					
					<div id="nav">
						<span id="prev"></span>
						<span id="next"></span>
					</div>
					<div id="pages">
						<ul>
							<li><a href=""></a></li>
							<li><a href=""></a></li>
						</ul>
					</div>
				</div>
			<!--end Banner-->
			</div>
			
			<!--home entry-->
			<div class="w960 mha">
				<h2>WHO WE ARE?</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus libero justo, non egestas dolor. Donec a venenatis massa. Suspendisse ornare, lacus sed vestibulum egestas, velit lectus facilisis neque, at mattis augue dolor quis est. Morbi non lobortis magna. Vestibulum quis lectus sit amet nisi tempus cursus.</p>
			<!--end home entry-->
			</div>
		<!--end Home content-->
		</div>
		
		<!--Services-->
		<div id="services">
		<div class="w225 mha"><h2>Services</h2></div>
			<div class="w960 mha ofh">
				<div id="repair" class="box fl taj">
					<div class="icon tac"><img src="images/icon/repair.png" /></div>
					<p>Repair - Install - Build- Upgrade - Backup - Recovery - Setup
					Laptop - Desktop - Macbook Pro / Air - iMac - iPad - iPhone
					Network - Wireless - Printer - Security Camera - Cell Phones</p>
				</div>
				<div id="remote" class="box fr taj">
					<div class="icon tac"><img src="images/icon/remote.png" /></div>
					<p>Remote service avaiable, please contact us for more details
					Service at your location (home / business)</p>
				</div>
				<div id="design" class="box fl taj">
					<div class="icon tac"><img src="images/icon/design.png" /></div>
					<p>Design & update e-commerce / custom website for business
					Free quote, please ask - Domain name & hosting, first year free</p>
				</div>
				<div id="support" class="box fr taj">
					<div class="icon tac"><img src="images/icon/support.png" /></div>
					<p>Support & maintain<br/>
					all computer & website services</p>
				</div>
				<div class="clear"></div>
				<p class="ttu fs20">if you need a quote or any question,<br />
				don’t hesitate to <a href="#contact">contact us!</a></p>
			</div>
		<!--end Services-->
		</div>	
		
		<!--Services-->
		<div id="our-works">
		<div class="w225 mha"><h2>Our Works</h2></div>
			<div class="w960 mha ofh">
				<p>Shown below are several examples of our works.</p>
				<div class="gallery">
					<ul>
						<li><a href="images/work.jpg" class="fancybox" title="Caption"><img src="images/work.jpg" /></a>
							<div class="boxplus-caption">
								<p>Caption</p>
							</div>
						</li>
						<li><a href="images/work.jpg" class="fancybox" title="Caption"><img src="images/work.jpg" /></a>
							<div class="boxplus-caption">
								<p>Caption</p>
							</div>
						</li>
						<li><a href="images/work.jpg" class="fancybox" title="Caption"><img src="images/work.jpg" /></a>
							<div class="boxplus-caption">
								<p>Caption</p>
							</div>
						</li>
						<li><a href="images/work.jpg" class="fancybox" title="Caption"><img src="images/work.jpg" /></a>
							<div class="boxplus-caption">
								<p>Caption</p>
							</div>
						</li>
						<li><a href="images/work.jpg" class="fancybox" title="Caption"><img src="images/work.jpg" /></a>
							<div class="boxplus-caption">
								<p>Caption</p>
							</div>
						</li>
						<li><a href="images/work.jpg" class="fancybox" title="Caption"><img src="images/work.jpg" /></a>
							<div class="boxplus-caption">
								<p>Caption</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		<!--end Services-->
		</div>
		
		<!--Store-->
		<div id="store">
			<div class="w960 mha">
				<h2>Our Store</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus libero justo, non egestas dolor. Donec a venenatis massa. Suspendisse ornare, lacus sed vestibulum egestas, velit lectus facilisis neque, at mattis augue dolor quis est. Morbi non lobortis magna. Vestibulum quis lectus sit amet nisi tempus cursus.</p>
				<p><a href="http://www.innovationsit.net/store/" target="_blank" class="rotate"><img src="images/store.png" id="store-img" /></a></p>
				<p class="fs20 tdu">VISIT OUR STORE</p>
			</div>
		<!--end Store-->
		</div>
		
		<!--Get A Quote-->
		<div id="get-a-quote">
		<div class="w225 mha"><h2>Get A Quote</h2></div>
			<div class="w960 mha">
				<p>We realize that every project has its unique set of challenges.  For this reason, it can often prove difficult to pinpoint the costs <br />
				associated with producing a new online venture.  We wants to take the guesswork out of this process.</p>

				<p>Simply provide us with a few details about your company and the project you have in mind.<br/>
				One of our representatives will happily contact you with a preliminary estimate.</p>
				<hr width="30%" />
				<p class="ffuo cf2">Fields with * are mandatory</p>
				<div class="ofh">
					<form id="userForm" method="post" >
						<div class="fl">
							<p>First Name *</p>
							<input type="text" />
						</div>
						<div class="fl">
							<p>Last Name *</p>
							<input type="text" />
						</div>
						<div class="fl">
							<p>Email Address *</p>
							<input type="text" />
						</div>
						<div class="fl">
							<p>Company No:</p>
							<input type="text" />
						</div>
						<div class="fl">
							<p>Website:</p>
							<input type="text" />
						</div>
						<div class="fl">
							<p>Phone *</p>
							<input type="text" />
						</div>
						<div class="fl" style="width:50%">
							<p>Describes the information services you want *</p>
							<textarea></textarea>
						</div>
						<div class="fl" style="width:45%">
							<p>Please attach any relevant files (up to 5MB each)</p>
							<div><input type="file" /></div>
							<div><input type="file" /></div>
							<div><input type="submit" value="" /></div>
						</div>
					</form>
				</div>
			</div>
		<!--end Get A Quote-->
		</div>
		
		<!--Contact Us-->
		<div id="contact">
			<div class="w512 mha"><h2>Contact Us</h2></div>
			<div class="w960 mha">
				<p>If you have any questions or want to know more,<br />
				please don't hesitate to get in contact with us on the details provided below.</p>
				<br />
				<div class="bg1 rounded ofh pa5">
					<div id="map" class="fl">
						<iframe width="691" height="288" class="rounded" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
						src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=85+Queen+St+N,+unit+5+Hamilton,+ON+L8R+2V5&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=37.735377,86.572266&amp;t=m&amp;ie=UTF8&amp;hq=&amp;hnear=85+Queen+St+N+%235,+Hamilton,+Ontario+L8R+3P6,+Canada&amp;ll=43.261984,-79.877641&amp;spn=0.008485,0.021136&amp;z=14&amp;iwloc=&amp;output=embed&amp;icon=favicon.ico"></iframe>
					</div>
					<div class="w235 tal pt40 fr">
						<p class="ffub ttu fs15 cf2">Innovations IT</p>
						<table>
						<tr>
							<td><img src="images/icon/phone.png" /></td>
							<td><p>+1 905 962 8999</p></td>
						</tr>
						<tr>
							<td><img src="images/icon/mail.png"/></td>
							<td><p>email@innovationsit.net</p></td>
						</tr>
						<tr>
							<td><img src="images/icon/facebook.png" /></td>
							<td><p><a class="fb" href="">Find us on facebook</a></p></td>
						</tr>
						<tr>
							<td><img src="images/icon/location.png" /></td>
							<td><p>85 Queen St N, unit 5 Hamilton, ON L8R 2V5</p></td>
						</tr>
						</table>
						<br /><small class="fs11"><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=85+Queen+St+N,+unit+5+Hamilton,+ON+L8R+2V5&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=37.735377,86.572266&amp;t=m&amp;ie=UTF8&amp;hq=&amp;hnear=85+Queen+St+N+%235,+Hamilton,+Ontario+L8R+3P6,+Canada&amp;ll=43.261984,-79.877641&amp;spn=0.008485,0.021136&amp;z=14&amp;iwloc=" target="_blank">
					&nbsp;--GET DIRECTION--</a></small>
					</div>
					
				</div>
			</div>
		</div>
	</div>
	
	<div id="footer">
		<div class="ftcontent">
			<hr width="30%">
			<p>© 2012 Innovations IT. All rights reserved.</p>
			<!--<p>Site by <a href="#">Crono Le</a></p>
			<p>and developed by <a href="#">Duy Duc</a></p>-->
		</div>
	</div>
</div>
<!--Sticky Bar-->
<div id="sticky-bar">
	<div class="menu w960 mha ofh">
		<ul>
			<li class="active"><a href="#home">HOME</a></li>
			<li><a href="#services">Services</a></li>
			<li><a href="#our-works">Our Works</a></li>
			<li><a href="#store">Store</a></li>
			<li><a href="#get-a-quote">Get A Quote</a></li>
			<li><a href="#contact">Contact</a></li>
		</ul>
	</div>
<!--end Sticky Bar-->
</div>
<div id="btnUp"><a href="javascript:Up()"></a></div>
</body>
</html>